Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML/CSS]Denerwujący odstęp miedzy elementami <img />, jak się go pozbyć?
Zick4
post
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 12.10.2007

Ostrzeżenie: (0%)
-----

Jak bez użycia tabel czyli samym CSS'em zrobić tak by obrazki były obok siebie bez denerwującej przerwy między nimi. Mój kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4.     <head>
  5.         <title>WWW</title>    
  6.         <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" />
  7.         <meta http-equiv="content-language" content="pl" />
  8.     </head>
  9.     <body>
  10.         <img src="1.jpg" />
  11.         <img src="1.jpg" />
  12.     </body>
  13. </html>
[HTML] pobierz, plaintext

Wkurzyłem sie i ostatecznie spróbowałem tak ale i to nie pomogło:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4.     <head>
  5.         <title>WWW</title>    
  6.         <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" />
  7.         <meta http-equiv="content-language" content="pl" />
  8.     </head>
  9.     <body style="padding: 0px">
  10.         <img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" />
  11.         <img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" />
  12.     </body>
  13. </html>
[HTML] pobierz, plaintext


Ten post edytował Zick4 6.01.2008, 00:18:21
Go to the top of the page
+Quote Post
qrees
post
Post #2





Grupa: Zarejestrowani
Postów: 275
Pomógł: 44
Dołączył: 23.11.2007

Ostrzeżenie: (0%)
-----

Cytat(Zick4 @ 5.01.2008, 23:57:24 ) *
Jak bez użycia tabel czyli samym CSS'em zrobić tak by obrazki były obok siebie bez denerwującej przerwy między nimi. Mój kod:
(...)
Wkurzyłem sie i ostatecznie spróbowałem tak ale i to nie pomogło:
(...)

Ta przerwa to tak zwana spacja, wystarczy ją usunąć:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4.     <head>
  5.         <title>WWW</title>    
  6.         <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" />
  7.         <meta http-equiv="content-language" content="pl" />
  8.     </head>
  9.     <body style="padding: 0px">
  10.         <img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" /><img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" />
  11.     </body>
  12. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
oggylwiatko
post
Post #3





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 3.09.2008

Ostrzeżenie: (0%)
-----

A w przypadku większej ilości obrazków można to samym css-em ustawić ? Próbowałem word-spacing: 0px i nie pomaga :/
Go to the top of the page
+Quote Post
decha-design
post
Post #4





Grupa: Zarejestrowani
Postów: 415
Pomógł: 46
Dołączył: 26.05.2007
Skąd: Sandomierz

Ostrzeżenie: (0%)
-----

a nie prościej powielić 'rozwiązanie' @qrees'a dla wszystkich obrazków? nie można po prostu dać każdego obrazka przy sobie?

[HTML] pobierz, plaintext 
  1. <img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" /><img src="image.jpg" alt="" width="150" height="150" />
[HTML] pobierz, plaintext


np. tak?
Go to the top of the page
+Quote Post
oggylwiatko
post
Post #5





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 3.09.2008

Ostrzeżenie: (0%)
-----

Tak brzydko wygląda kod:P
Ja zrobiłem tak że dałem każdemu obrazkowi display: block; oraz float: left;. IMHO jest to bardziej eleganckie rozwiązanie (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 9.09.2025 - 18:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn